<template>
    <div class="demo">
        <img src="https://ilink.bupt.edu.cn/assets/Logo-BkTlZFLc.svg">
    </div>
</template>

<script setup lang="ts">
import { onMounted } from "vue";
import { useRouter } from "vue-router";
const router = useRouter();// 路由跳转
onMounted(() => {
    setTimeout(() => {
        router.push('/demo')// router可任意跳转
    }, 1000)
})// 编程式路由导航（1）符合条件跳转（2）鼠标划过跳转（3）点击跳转

</script>

<style scoped>
.demo {

    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fefefe;

    img {
        width: 200px;
        height: 200px;
    }
}
</style>